﻿<div class="content-wrap research-overview">
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    <div class="clear">&nbsp;</div>
    <div class="content">
        <div class="content-pad">

            <div class="title-section">
                <div sustainalytics-company-research></div>
            </div>
            <div class="clear">&nbsp;</div><br />
            <div class="tabs-users-2">
                <ul>
                    <li style="width: 100%;">
                        <a href="" class="active" style="float: left;">Business Description</a>
                    </li>
                    <li>
                        <!--<a href="">Fundamental Ratios</a>-->
                    </li>
                    <li>
                        <!--<a href="">Financials</a>-->
                    </li>
                </ul>
                <div class="clear"></div>
            </div><br />
            <div class="left-content">
                <div class="sidebar-table">
                    <div class="bold-title">Key Statistics</div>
                    <div class="sidebar-table-left">
                        ESG:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        Overall ESG Score:
                        <span ng-show="companyOverview.esgOverallPerformanceScoreValue">
                            {{companyOverview.esgOverallPerformanceScoreValue}} - {{companyOverview.esgOverallPerformanceScoreText}}
                        </span>
                        <span ng-hide="companyOverview.esgOverallPerformanceScoreValue">N/A</span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Research Type:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        <span ng-show="companyOverview.esgResearchTypeText">
                            {{companyOverview.esgResearchTypeText}}
                        </span>
                        <span ng-hide="companyOverview.esgResearchTypeText">N/A</span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Percentile:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        <span ng-show="companyOverview.esgOverallPerformancePercentileValue">
                            {{companyOverview.esgOverallPerformancePercentileValue}} - {{companyOverview.esgOverallPerformancePercentileText}}
                        </span>
                        <span ng-hide="companyOverview.esgOverallPerformancePercentileValue">N/A</span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Controversies:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        Highest Controversy Level:
                        <span ng-show="companyOverview.controversyHighestLevelValue>0">
                            {{companyOverview.controversyHighestLevelValue}} - {{companyOverview.controversyHighestLevelText}}
                        </span>
                        <span ng-show="companyOverview.controversyHighestLevelValue==0">No evidence of relevant controversies</span>
                        <span ng-show="companyOverview.controversyHighestLevelValue==-1">N/A</span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Compliance:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        Product Involvement:
                        <span ng-switch="companyOverview.company.productInvolvementResearchState">
                            <span ng-switch-when="2">
                                <span ng-if="companyOverview.company.hasProductInvolvementIndicators">YES</span>
                                <span ng-if="!companyOverview.company.hasProductInvolvementIndicators">NO</span>
                            </span>
                            <span ng-switch-default>N/A</span>
                        </span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Global Compact:
                    </div>
                    <div class="sidebar-table-right" style="font-weight: normal;">
                        Sustainalytics Overall Assessment:
                        <span ng-switch="companyOverview.gcOverallAssessment">
                            <span ng-switch-when="2">Non-Compliant</span>
                            <span ng-switch-when="1">Watchlist</span>
                            <span ng-switch-when="0">Compliant</span>
                            <span ng-switch-default>N/A</span>
                        </span>
                    </div>
                    <div class="clear">&nbsp;</div><br />
                    <!--<div class="border"></div>-->
                    <div class="sidebar-table-left" style="border-top: none;">
                        Industry
                    </div>
                    <div class="sidebar-table-right" style="border-top: none;">
                        <div ng-show="companyOverview.company.peerGroup != null  && companyOverview.company.peerGroup !='NA' && companyOverview.company.peerGroup != ''">{{companyOverview.company.peerGroup}}</div>
                        <div ng-show="companyOverview.company.peerGroup == null || companyOverview.company.peerGroup =='NA' || companyOverview.company.peerGroup == ''">No data available</div>
                    </div>

                    <div class="sidebar-table-left">
                        Full-Time Employees
                    </div>
                    <div class="sidebar-table-right">
                        <span class="">
                            <span ng-show="companyOverview.company.totalEmployees != null && companyOverview.company.totalEmployees !='NA' && companyOverview.company.totalEmployees != ''">{{companyOverview.company.totalEmployees | number:0}}</span>
                            <span ng-show="companyOverview.company.totalEmployees == null || companyOverview.company.totalEmployees =='NA' || companyOverview.company.totalEmployees == ''">No data available</span>
                        </span>
                    </div>
                    <div class="clear">&nbsp;</div>
                    <div class="sidebar-table-left">
                        Headquarters
                    </div>
                    <div class="sidebar-table-right">
                        <div ng-show="companyOverview.company.address != null && companyOverview.company.address !='NA' && companyOverview.company.address != ''">{{companyOverview.company.address}}</div>
                        <div ng-show="companyOverview.company.phoneNumber1 != null && companyOverview.company.phoneNumber1 !='NA' && companyOverview.company.phoneNumber1 != ''">P: {{companyOverview.company.phoneNumber1}}</div>
                        <div ng-show="companyOverview.company.phoneNumber2 != null && companyOverview.company.phoneNumber2 !='NA' && companyOverview.company.phoneNumber2 != ''">P: {{companyOverview.company.phoneNumber2}}</div>
                        <a ng-show="companyOverview.company.website != null && companyOverview.company.website !='NA' && companyOverview.company.website != ''" href="http://{{companyOverview.company.website}}" target="_blank" style="word-wrap: break-word;">{{companyOverview.company.website}}</a>
                    </div>
                    <div class="clear">&nbsp;</div>
                </div>
            </div>
            <div class="right-content">
                <div ng-show="companyOverview.company.businessDescription != null  && companyOverview.company.businessDescription !='NA' && companyOverview.company.businessDescription != ''">
                    {{companyOverview.company.businessDescription}}
                </div>
                <div ng-show="companyOverview.company.businessDescription == null || companyOverview.company.businessDescription =='NA' || companyOverview.company.businessDescription == ''" style="font-weight: bold;">No data available</div>
                <br /><br />
                <div class="table" style="table-layout: fixed;">
                    <div class="table-row">
                        <div class="table-head width_80 center-align" ng-show="companyOverview.hasRiskClaim">ESG Risk Rating</div>
                        <div class="table-head width_80 center-align">ESG Rating</div>
                        <div class="table-head width_80 center-align">Corporate Governance</div>
                        <div class="table-head width_80 center-align">Controversies</div>
                        <div class="table-head width_80 center-align">Global Compact</div>
                        <div class="table-head width_80 center-align">Compliance</div>
                    </div>
                    <div class="table-row">
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}" style="width: 180px; border-left: 1px solid #e0e0e0;" ng-show="companyOverview.hasRiskClaim">
                            <a href="#/research/riskratings/{{companyOverview.company.companyNameUrlFriendly}}" ng-disabled="!companyOverview.hasRiskClaim || !companyOverview.company.hasRiskRatingAccountFeature" ng-show="companyOverview.hasEsgRiskResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasEsgRiskResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasEsgRiskResearchAvailable && !companyOverview.hasEsgRiskResearchInProgress" class="comp_no_research"></a>
                        </div>
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}" style="width: 180px; border-left: 1px solid #e0e0e0;">
                            <a href="#/research/esgRatings/{{companyOverview.company.companyNameUrlFriendly}}" ng-disabled="!companyOverview.hasEsgClaim || !companyOverview.company.hasEsgAccountFeature" ng-show="companyOverview.hasEsgResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasEsgResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasEsgResearchAvailable && !companyOverview.hasEsgResearchInProgress" class="comp_no_research"></a>
                        </div>
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}">
                            <a href="#/research/governance/{{companyOverview.company.companyNameUrlFriendly}}" ng-disabled="!companyOverview.hasGovernanceClaim || !companyOverview.company.hasGovernanceAccountFeature" ng-show="companyOverview.hasGovernanceResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasGovernanceResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasGovernanceResearchAvailable && !companyOverview.hasGovernanceResearchInProgress" class="comp_no_research"></a>
                        </div>
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}">
                            <a href="#/research/controversies/{{companyOverview.company.companyNameUrlFriendly}}" ng-disabled="!companyOverview.hasControvercyClaim || !companyOverview.company.hasControversiesAccountFeature" ng-show="companyOverview.hasControversyResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasControversyResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasControversyResearchAvailable && !companyOverview.hasControversyResearchInProgress" class="comp_no_research"></a>
                        </div>
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}">
                            <a href="#/research/globalcompact/company/{{companyOverview.company.companyNameUrlFriendly}}/" ng-disabled="!companyOverview.hasGccsClaim || !companyOverview.company.hasGCCSAccountFeature" ng-show="companyOverview.hasGccsResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasGccsResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasGccsResearchAvailable && !companyOverview.hasGccsResearchInProgress" class="comp_no_research"></a>
                        </div>
                        <div class="table-cell width_80 center-align" ng-class="{'last':true}">
                            <a href="#/research/pi/{{companyOverview.company.companyNameUrlFriendly}}" ng-disabled="!companyOverview.hasPiClaim || !companyOverview.company.hasPIAccountFeature" ng-show="companyOverview.hasProductInvolvementResearchAvailable" class="comp_has_research"></a>
                            <a ng-show="companyOverview.hasProductInvolvementResearchInProgress" class="comp_research_in_progress"></a>
                            <a ng-show="!companyOverview.hasProductInvolvementResearchAvailable && !companyOverview.hasProductInvolvementResearchInProgress" class="comp_no_research"></a>
                        </div>
                    </div>
                </div>
                <div class="overview-news" >
                    <div ng-if="companyOverview.newsArticles.length > 0">
                        <div class="home-modules-title" style="font-size: 18px; border: none;">Company News</div>

                        <div class="overview-news-inner" ng-repeat="newsArticle in companyOverview.newsArticles">
                            <a href="{{newsArticle.externalUrl}}" target="_blank" class="overview-news-title">{{newsArticle.headline}}</a>
                            <div class="overview-news-date">
                                <div class="overview-news-date-inner">{{newsArticle.publicationDate | date:'dd MMMM yyyy'}}</div>
                                <div class="overview-news-date-inner middle">|</div>
                                <div class="overview-news-date-inner">{{newsArticle.source}}</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <br>
                        <div ng-if="companyOverview.foundNewsArticles">
                            <button ng-click="companyOverview.takeNewsArticles()" class="btn-green">More</button>
                        </div>
                    </div>                    
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>

